import {StyleSheet} from 'react-native';

export default styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
  },
  scrollStyle: {
    margin: 15,
    height: 50,
    position: 'absolute',
  },
  tabItem: {
    width: 68,
    height: 35,
    fontSize: 16,
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'center',
    borderRadius: 17,
  },
  titleStyle: {
    display: 'flex',
    flexDirection: 'row',
    justifyContent: 'space-between',
  },
  leftStyle: {
    fontSize: 20,
    color: '#000',
    fontWeight: 'bold',
  },
  rightStyle: {
    borderRadius: 27,
    fontSize: 14,
    width: 78,
    height: 27,
    backgroundColor: 'rgb(241,241,241)',
  },
  rightTextStyle: {
    color: '#2c2c2c',
    lineHeight: 27,
    textAlign: 'center',
  },
  bottomStyle: {
    marginTop: 10,
    color: 'rgb(199,199,199)',
    fontSize: 16,
  },
  imgStyle: {
    width: 16,
    height: 16,
    marginTop: 10,
  },
  rightBottomTextStyle: {
    marginTop: 10,
    color: 'rgb(199,199,199)',
  },
  imgScroll: {
    marginTop: 20,
  },
  img: {
    marginRight: 10,
    height: 240,
    width: 138,
    marginTop: 20,
  },
  titleStyleLeftContainer: {
    flexDirection: 'row',
    alignItems: 'center',
  },
  avatar: {
    width: 30,
    height: 30,
    borderRadius: 15,
    marginRight: 5,
  }
});
